$(function(){

    $('.puzzleImg-wrapper').puzzleImg({
        imglist : {
            imgSrc : ['./images/1.jpg','./images/2.jpg','./images/3.jpg','./images/4.jpg','./images/1.jpg','./images/2.jpg','./images/3.jpg','./images/4.jpg','./images/1.jpg','./images/2.jpg','./images/3.jpg','./images/4.jpg','./images/1.jpg','./images/2.jpg','./images/3.jpg','./images/4.jpg','./images/1.jpg','./images/2.jpg','./images/3.jpg','./images/4.jpg','./images/1.jpg','./images/2.jpg','./images/3.jpg','./images/4.jpg']
        },
        canvas : {
        	width : 1200,
        	height : 800
        }
    });

    $('.btn').click(function(){
    	$('.puzzleImg-wrapper').puzzleImg({
	        imglist : {
	            imgSrc : ['./images/1.jpg','./images/2.jpg','./images/3.jpg','./images/4.jpg','./images/1.jpg','./images/2.jpg','./images/3.jpg','./images/4.jpg','./images/1.jpg','./images/2.jpg','./images/3.jpg','./images/4.jpg']
	        },
	        canvas : {
	        	width : $('.width').val(),
	        	height : $('.height').val()
	        }
	    });
    })

})